// JavaScript Document

/*   //点击切换     
<script type="text/javascript">
        // 选项卡
        $(function(){
            $("#title ul>li:first").addClass("tabActive");
            $("#main2").not(":first").hide();
            $("#title ul>li").unbind("click").bind("click", function(){
                $(this).siblings("li").removeClass("tabActive").end().addClass("tabActive");
                var index = $("#title ul>li").index( $(this) );
                $("#main2 .one").eq(index).siblings("#main2 .one" ).hide().end().fadeIn("slow");
           });
        });
</script>*/
// 自动轮换选项卡
$(document).ready(function(){
 $('#title ul li:first').addClass('tabActive');
 $('#main2 one:first').css('display','block');
 autoroll();
 hookThumb();
});
var i=-1; //第i+1个tab开始
var offset = 8500; //轮换时间
var timer = null;
function autoroll(){
 n = $('#title ul li').length-1;
 i++;
 if(i > n){
 i = 0;
 }
 slide(i);
    timer = window.setTimeout(autoroll, offset);
 }
function slide(i){
 $('#title ul li').eq(i).addClass('tabActive').siblings().removeClass('tabActive');
 $('#main2 .one').eq(i).fadeIn("slow").siblings('#main2 .one').hide();
 }
function hookThumb(){    
 $('#title ul li').hover(
  function () {
    if (timer) {
                clearTimeout(timer);
    i = $(this).prevAll().length;
             slide(i); 
            }
  },
  function () {
            timer = window.setTimeout(autoroll, offset);  
            this.blur();            
            return false;
  }
); 
}
